<template>
  <div class="w-full h-full flex justify-center items-center cursor-pointer" @click="$emit('click')">
    <!-- {{ JSON.stringify(data) }} -->
    <div class="w-[266px] h-[125px] bg-[#242424] rounded-[10px] py-[15px] px-[20px] flex flex-col justify-between">
      <p class="text-[#FF9F00] text-[16px] leading-[16px] h-[16px]">{{ data.name }}</p>
      <div class="!text-[#E6E6E6] flex justify-between h-[50px]">
        <div class="h-[50px]">
          <!-- <p class="text-[25px] leading-[35px]">{{ data.abnormal_count }}/{{ data.analysis_count }}</p> -->
          <p class="text-[25px] leading-[35px]">
            <span class="text-[#F83253]"> {{ data.abnormal_cnt }}</span
            >/{{ data.analysis_cnt }}
          </p>
          <p class="text-[12px] leading-[15px] mt-[5px]">异常数/分析总数</p>
        </div>
        <div class="h-[50px]">
          <p class="text-[25px] leading-[35px]">{{ data.sampling_point_cnt }}</p>
          <p class="text-[12px] leading-[15px] mt-[5px]">取样点数</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
// import { iAnalysisStatistic } from '@/interface/iAnalysisStatistic';

// defineProps<{ data: iAnalysisSampingPoints }>();
defineProps<{ data: { name: string; abnormal_cnt: number; analysis_cnt: number; sampling_point_cnt: number } }>();
</script>
<style lang="scss" scoped></style>
